body {
  background: #ECECEC;
  color: #333;
}
.logoArea {
  background: #fff;
  padding: 20px;
}
.logo {
  width: 180px;
}
.tableCon {
  background: #fff;
  margin: 50px auto;
  padding: 35px 0;
  width: 85%;
}
.title {
  text-align: center;
  color: #4B94C7;
  font-weight: bold;
  font-size: 30px;
  font-family: "Microsoft YaHei";
  margin-bottom: 35px;
}
.table {
  background: #EDF6FE;
  padding: 40px 40px 25px;
  width: 85%;
  margin: 0 auto;
  position: relative;
  max-width: 800px;
}
.noCode, .layui-unselect.layui-disabled {
  background: #F2F2F2;
}
.layui-radio-disbaled {
  background: none!important;
}

@media screen and (min-width:1000px){
  .rightCon {
    position: absolute;
    top: 40px;
    left: 369px;
  }
}

@media only screen and (max-width: 580px) {
  .tableCon{
    margin: 0 auto;
    padding: 15px 0 70px;
    width: auto;
  }
  .title {
    margin-bottom: 20px;
  }
  .table {
    padding: 20px 0;
    width: 100%;
  }
  .logoArea {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 85%;
    text-align: center;
  }
  .logo {
    width: 100px;
  }
  body {
    background: #fff;
  }
}

@media  only screen and (max-width: 360px){
  .layui-form-item .layui-input-inline, .layui-input-block {
    margin: 0 0 10px 77px;
  }
  .layui-form-label {
    padding: 9px 5px;
    width: 60px;
  }
}
@media  only screen and (max-width: 350px){
  .layui-form-item .layui-input-inline {
      width: 190px;
  }

}

.code {
  width: 50%;
  display: inline-block;
}
#getCode, #confirm {
  background: #4B94C7;
}
#second {
  display: none;
  color: #4B94C7;
}
.operateBtn {
  text-align: center;
  margin-top: 20px;
}


.layui-form-item .layui-input-inline {
  width: 220px;
}
.layui-input, .layui-textarea, .layui-select {
  border: 1px solid #DCEDFF;
}
.layui-form-select dl dd.layui-this {
  background: #4B94C7;
}
.layui-form-radio {
  margin: 0;
  padding: 0;
}
.layui-form-radio i {
  margin-right: 2px;
}
.rightCon .layui-form-item {
  margin: 0;
}

// #EDF6FE 下拉按钮背景
// #DCEDFF
